import React, { useRef } from 'react'
import { Button, SearchBar, Space, Toast } from 'antd-mobile'
function home() {
  
  return (
    <div>
      <SearchBar placeholder='请输入内容' />
      <ul>
        <li>
          <img src="https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60" alt="" style={{width:'200px'}}/>
          <p>大概大哥</p>
        </li>
        <li>
          <img src="https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60" alt="" style={{width:'200px'}}/>
          <p>大概大哥</p>
        </li>
        <li>
          <img src="https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60" alt="" style={{width:'200px'}}/>
          <p>大概大哥</p>
        </li>
        <li>
          <img src="https://images.unsplash.com/photo-1567945716310-4745a6b7844b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=60" alt="" style={{width:'200px'}}/>
          <p>大概大哥</p>
        </li>
      </ul>
    </div>
  )
}

export default home